<template>
    <div>
<NavBar :title="title"></NavBar>
<div>
    <img :src="store.my.img" alt="" style="width: 100px;
    height: 100px;">
    <p>{{ store.my.nc }}</p>
    <p>{{ store.my.nc1 }}</p>
    <p>{{ store.my.username }}</p>
    <p>{{ store.my.em}}</p>
</div>
    </div>
</template>

<script setup>
import NavBar from '@/components/NavBar.vue';
const title='我的'

import { useCounterStore } from '@/stores/my'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
console.log(store.my);
</script>

<style lang="scss" scoped>

</style>